<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购欢迎您</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/list.css">
    <link rel="shortcut icon" href="./favicon.ico">
</head>
<body>
     <!-- 顶部导航栏 -->
     <div class="head">
        <div class="w">
            <a href="./index.html" class="fl">返回首页</a>
            <div class="onebox">
                <h3 class="fl">品优购欢迎您!</h3>
                <a href="./login.html" class="fl">请登录</a>
                <a href="./register.html" class="fl">免费注册</a>
                <ul class="fr">
                    <li><span>我的订单</span></li>
                    <li><span>我的品优购</span></li>
                    <li><span>品优购会员</span></li>
                    <li><span>企业采购</span></li>
                    <li><span>关注品优购</span></li>
                    <li><span>客户服务</span></li>
                    <li><span>网站导航</span></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 头部导航栏 -->
    <div class="header">
        <div class="w">
            <div class="twobox">
                <h1 class="fl">
                    <a href="#">
                        <div class="pic">
                            <img src="./images/logo.png" alt="">
                        </div>
                    </a>
                </h1>
                <div class="wenzi fl">
                    <input type="text" placeholder="语言开发">
                    <a href="#" class="sousuo fr">搜索</a>
                    <ul>
                        <li><a href="">优惠购首发</a></li>
                        <li><a href="">亿元优惠</a></li>
                        <li><a href="">9.9元团购</a></li>
                        <li><a href="">每满99减30</a></li>
                        <li><a href="">办公用品</a></li>
                        <li><a href="">电脑</a></li>
                        <li><a href="">通信</a></li>
                    </ul>
                </div>
                <div class="car fr">
                    <a href="#">我的购物车</a>
                    <span></span>
                </div>
            </div>
            <div class="ovbox">
                <div class="left fl">
                    全部商品分类
                </div>
                <div class="right fl">
                    <ul>
                        <li><a href="#">服装城</a></li>
                        <li><a href="#">服装城</a></li>
                        <li><a href="#">服装城</a></li>
                        <li><a href="#">服装城</a></li>
                        <li><a href="#">服装城</a></li>
                        <li><a href="#">服装城</a></li>
                        <li><a href="#">服装城</a></li>
                        <li><a href="#">服装城</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="zhut">
        <div class="w">
            <div class="tupian">
                <img src="./upload/bg_03.png" alt="">
            </div>
            <div class="neir">
                <ul>
                    <li>
                        <a href="./detial.html">
                            <img src="./upload/list.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="./detial.html">
                            <img src="./upload/list.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="./detial.html">
                            <img src="./upload/list.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="./detial.html">
                            <img src="./upload/list.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="./detial.html">
                            <img src="./upload/list.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/list.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/list.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./upload/list.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="dw">
            <div class="top">TOP</div>
            <div class="bottom"></div>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="base">
        <div class="w">
            <!-- 正品保障 -->
            <div class="zhenp">
                <ul>
                    <li>
                        <div class="zb">
                            <p>正品保障</p>
                            <span>正品保障,提供发票</span>
                        </div>
                    </li>
                    <li>
                        <div class="js">
                            <p>极速物流</p>
                            <span>急速物流,急速送达</span>
                        </div>
                    </li>
                    <li>
                        <div class="wy">
                            <p>无忧售后</p>
                            <span>7天无理由退换货</span>
                        </div>
                    </li>
                    <li>
                        <div class="ts">
                            <p>特色服务</p>
                            <span>私人定制家电套餐</span>
                        </div>
                    </li>
                    <li>
                        <div class="bz">
                            <p>帮助中心</p>
                            <span>您的购物指南</span>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 正品保障 -->
            <!-- 购物指南 -->
         <div class="gouw">
            <dl class="fl">
                <dt><a href="#">购物指南</a></dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">配送方式</a></dt>
                <dd><a href="#">上门自提</a></dd>
                <dd><a href="#">211限时达</a></dd>
                <dd><a href="#">配送服务查询</a></dd>
                <dd><a href="#">配送费收取标准</a></dd>
                <dd><a href="#">海外配送</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">支付方式</a></dt>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">分期付款</a></dd>
                <dd><a href="#">邮局汇款</a></dd>
                <dd><a href="#">公司转账</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">售后政策</a></dt>
                <dd><a href="#">价格保护</a></dd>
                <dd><a href="#">退款说明</a></dd>
                <dd><a href="#">返修/退换货</a></dd>
                <dd><a href="#">取消订单</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">特色服务</a></dt>
                <dd><a href="#">夺宝岛</a></dd>
                <dd><a href="#">DIY装机</a></dd>
                <dd><a href="#">延保服务</a></dd>
                <dd><a href="#">品优购E卡</a></dd>
                <dd><a href="#">品优购通信</a></dd>
            </dl>
            <dl class="ewm fl">
                <dt><a href="#">帮助中心</a></dt>
                <dd><a href="#">品优购客户端</a></dd>
            </dl>
         </div>
         <!-- 购物指南 -->
         <!-- 关于我们 -->
         <div class="guany">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">联系客服</a></li>
                <li><a href="#">商家入驻</a></li>
                <li><a href="#">营销中心</a></li>
                <li><a href="#">手机品优购</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">销售联盟</a></li>
                <li><a href="#">品优购社区</a></li>
                <li><a href="#">品优购公益</a></li>
                <li><a href="#">English Site</a></li>
                <li><a href="#">Contact U</a></li>
            </ul>
            <p>地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编: 100096电话: 400-618-4000 传真: 010-82935100 邮箱:zhanghj+itcast.cn</p>
            <p>京ICP备08001421号京公网安备110108007702</p>
         </div>
         <!-- 关于我们 -->
        </div>
         
         
    </div>
</body>
</html>